<div class="hero common-hero">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="hero-ct">
          <h1> 新闻列表</h1>
          <ul class="breadcumb">
            <li class="active"><a [routerLink]="['/']">首页</a></li>
            <li><span class="ion-ios-arrow-right"></span> 新闻列表</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- blog list section-->
<div class="page-single">
  <div class="container">
    <div class="row">
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="blog-item-style-1 blog-item-style-3" *ngFor="let news of pageInfo.data">
          <img [src]="news.image" style="width: 280px;height: 200px">
          <div class="blog-it-infor">
            <h3><a [routerLink]="['/news/detail',news.id]">{{news.title}}</a></h3>
            <span class="time">{{news.createTime}}</span>
            <p>{{news.content}}</p>
          </div>
        </div>

        <ul class="pagination">
          <li class="icon-prev"><a href="#"><i class="ion-ios-arrow-left"></i></a></li>
          <li class="active"><a *ngFor="let i of pageInfo.pagesArr" (click)="changePage(i)" style="cursor: pointer">{{i}}</a></li>
          <li class="icon-next"><a href="#"><i class="ion-ios-arrow-right"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
